该如何选择 background-image 和 img 标签

用img标签

1. 如果你希望别人打印页面时候包含这张图片请使用 img 标签
2. 当这张图片有非常有意义的语义，比如警告图标，请使用img标签及它的alt属性。这样意味着你可以向所有的用户终端现实他的意义。
3. IE6下 背景图片不能益出父级元素 要使用img multiple overlay images in IE6.
4. 如果你使用动画img动画要比background-image 表现更好improve performance of animations over a background

什么时候用 CSS background-image

1. 如果图片不是内容的一部分使用 background-image
2. 如果使用图片替换文字请使用 background-image
3. 如果你不希望别人打印页面时候包含这张图片请使用 background-image
4. 如果你想改善加载时间 使用 CSS sprites
5. 如果你只想用一张图片的一部分 请使用 CSS sprites
6. 用background-image 以及 background-size:cover 拉伸填充整个窗口